<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DNF商城</title>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <!-- header头部 -->
    <header></header>

    <!-- nav导航栏 -->
    <nav>
        <ul>
            <li class="menu_nav">勇士周边类目</li>
            <li><a href='/html/rim_list.html#1?start=0&sort=0' target="_blank">全部商品</a></li>
            <li><a href='/html/rim_list.html#1?start=0&sort=0'>礼包收藏</a></li>
            <li><a href='/html/rim_list.html#1?start=0&sort=0'>领取游戏道具</a></li>
            <li><a href='/html/rim_list.html#1?start=0&sort=0'>土罐市集</a></li>
            <li><a href='/html/rim_list.html#1?start=0&sort=0'>妙趣盒·亮点大集结</a></li>
        </ul>
    </nav>

    <!-- carousel 轮播图 -->
    <div class="carousel">
        <div class="content">
            <!-- 左边列表 -->
            <div class="left">
                <ul>
                    <li>
                        <h3><a href='#'>礼包商城</a></h3>
                        <div><a href='#'>典藏包</a><a href='#'>雕塑</a></div>
                    </li>
                    <li>
                        <h3><a href='#'>手办模型</a></h3>
                        <div><a href='#'>手办</a><a href='#'>武器模型</a></div>
                    </li>
                    <li>
                        <h3><a href='#'>数码电子</a></h3>
                        <div><a href='#'>手表</a><a href='#'>火机</a><a href='#'>音响</a><a href='#'>数码配件</a><a href='#'>泰波尔斯系列</a><a href='#'>鼠标垫</a></div>
                    </li>
                </ul>
                <div class="clearboth"></div>
                <div class="left_hot">
                    <a href="#">领取游戏道具</a>
                </div>
            </div>
            <!-- 右边列表 -->
            <div class="right">
                <div class="right_top">
                    <h3>周边公告</h3>
                    <a href="#">"卷中自有黄金屋"活动公告</a>
                    <a href="#">关于妙趣盒售卖事项的相关说法</a>
                    <a href="#">关于妙趣盒售卖事项的相关说法</a>
                    <a href="#">关于妙趣盒售卖事项的相关说法</a>
                    <a href="#">关于妙趣盒售卖事项的相关说法</a>
                </div>
                <a href="#" class="right_bottom">
                    <img src="https://img.dnfcity.qq.com/goodsImages/15adimg/ceshi/ad_hot13.png">
                </a>
            </div>
        </div>

        <!-- 轮播图 -->
        <div class="banning">
            <ol  id="car_list"></ol>
            <div class="ban" id="carousel">
                <a href="#" class='ban_1 ac'></a>
                <a href="#" class='ban_2'></a>
                <a href="#" class='ban_3'></a>
            </div>
        </div>
        <!-- 两个上下页按钮 -->
        <a  class="car_prev" id="prev"></a>
        <a  class="car_next" id="next"></a>
    </div>

    <!-- 三个广告位 -->
    <div class="thr_adver" id="thr_adver">
    </div>
    <script type="text/html" id="thr_adverrender">
        {{ each list item }}
        <a href="#"><img src="{{ item.src }}"></a>
        {{ /each }}
    </script>
    <script>
        
    </script>

    <!-- 大图 -->
    <a href="#" class="big_adver">
        <img src="https://img.dnfcity.qq.com/goodsImages/15adimg/ceshi/da8.jpg" alt="丢失了">
    </a>

    <!-- 列表广告位 -->
    <ul class="ul_adver" id="ul_adverList">

    </ul>
    <script type="text/html" id="adverlistrender">
        {{ each list item }}
        <li>
            <a href="#" >
                <img src="{{ item.src }}" alt="图片丢失了">
            </a>
            <a href="#" class="com_name">
                {{ item.ctitle }}
            </a>
            <div>
                <span>{{ item.price }}元</span>
                喜欢：{{ item.like }}
            </div>
        </li>
        {{ /each }}
    </script>

    <!-- 热门商品 -->
    <div class="hot_com">
        <a class="hot_com_left" href="#">
            <img src="https://img.dnfcity.qq.com/goodsImages/15adimg/ceshi/zd4.jpg" alt="图片丢失了">
        </a>
        <a class="hot_com_right" href="#">
            <img src="https://img.dnfcity.qq.com/goodsImages/15adimg/ceshi/yd5.jpg" alt="图片丢失了">
        </a>
    </div>

    <!-- 尾部 -->
    <div class="bottom"></div>

    <!-- 右侧公共栏 -->
    <div class="right-border"></div>
</body>
    <script src="/libs/jquery/jquery-3.4.1.min.js" ></script>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>